<script>
import CampusData from './model/campusData.vue' // 引入 campusData.vue 组件
import ExpressEntrance from './model/expressEntrance.vue'
import Income from './model/income.vue'
import Dispatch from './model/dispatch.vue'
import expiration from './model/expiration.vue'

export default {
  components: {
    CampusData,
    ExpressEntrance,
    Income, Dispatch,
    expiration
  },
  data() {
    return {
      // url: './icons/workbench/addEnterprise.png',
      // form: [],
    }
  }
}
</script>

<template>
  <div class="databoard-container">
    <el-row style="height:175px;" :gutter="23">
      <el-col :span="18">
        <campus-data />
      </el-col>
      <el-col :span="6">
        <express-entrance />
      </el-col>
    </el-row>
    <el-row :gutter="24">
      <el-col :span="18">
        <income />
      </el-col>
      <el-col :span="6">
        <dispatch />
      </el-col>
    </el-row>
    <el-row :gutter="24">
      <el-col :span="18">
        <expiration />
      </el-col>
    </el-row>
  </div>

</template>

<style scoped lang="scss" deep>
::v-deep .app-main {
  padding: 0; /* 或者设置为你想要的值 */
  background-color:rgb(50, 105, 161) ;
}
.bg-plus{
  background-color: white;
  padding: 25px 30px;
  border-radius: 10px;
  margin-bottom: 20px;
}
// .databoard-container{
//   background-color: #f4f6f8;
// }

//  .app-main ::v-deep{
//   background: #f4f6f8;
//   padding: 0;
// }
</style>
